<div id="top-left">
  <span class="location-title">账户</span>
</div>
<div class="main-content">
  <ul nz-menu nzMode="horizontal" class="location-menu">
    <li nz-menu-item nzMatchRouter [routerLink]="['/main/account/offline-pay']">
      转账汇款
    </li>
    <li nz-menu-item nzMatchRouter [routerLink]="['/main/account/offline-pay-log']">
      转账记录
    </li>
    <li nz-menu-item nzMatchRouter [routerLink]="['/main/account/online-pay']">
      在线充值
    </li>
    <li nz-menu-item nzMatchRouter [routerLink]="['/main/account/online-pay-log']">
      直充记录
    </li>
    <li nz-menu-item nzMatchRouter [routerLink]="['/main/account/recharge']">
      充值记录
    </li>
    <li nz-menu-item nzMatchRouter [routerLink]="['/main/account/pay-log']">
      消费明细
    </li>
    <li nz-menu-item nzMatchRouter [routerLink]="['/main/account/time-detail']">
      时长明细
    </li>
  </ul>
  <div class="select-content">
    <nz-input-group nzAddOnBefore="交易类型" nzCompact>
      <nz-select style="width: 200px;" nzAllowClear [(ngModel)]="selectData['type']" (ngModelChange)="getlist()"
        nzPlaceHolder="--全部--">
        <nz-option *ngFor="let tp of types" [nzValue]="tp['type']" [nzLabel]="tp['type']"></nz-option>
      </nz-select>
    </nz-input-group>
  </div>
  <nz-table #headerTable [nzData]="datalist" [nzTotal]="totalCount" [(nzPageIndex)]="selectData.pageindex"
    [(nzPageSize)]="selectData.pagesize" [nzShowSizeChanger]="true" [nzPageSizeOptions]="[10, 15, 20]"
    [nzLoading]="isLoading" [nzBordered]="false" [nzFrontPagination]="false" (nzPageIndexChange)="getlist()"
    (nzPageSizeChange)="getlist()">
    <thead>
      <tr>
        <th nzAlign="center" nzWidth="60px">序号</th>
        <th nzAlign="center" nzWidth="150px">时间</th>
        <th nzAlign="center" nzWidth="120px">类型</th>
        <th nzAlign="center" nzWidth="140px">时长</th>
        <th nzAlign="center" nzWidth="140px">剩余</th>
        <th nzAlign="left">描述</th>
      </tr>
    </thead>
    <tbody>
      <tr *ngFor="let item of headerTable.data; let no = index;">
        <td nzAlign="center">{{(selectData.pageindex - 1) * selectData.pagesize + no + 1}}</td>
        <td nzAlign="center">{{item['date'] | date:'yyyy-MM-dd HH:mm'}}</td>
        <td nzAlign="center">{{item['type']}}</td>
        <td nzAlign="center">{{item['amount']}}分钟</td>
        <td nzAlign="center">{{item['balance']}}分钟</td>
        <td nzAlign="left">{{item['remark']}}</td>
      </tr>
    </tbody>
  </nz-table>
</div>
